{% extends "configurarFaseLayout.html" %}
{% block subbodyfase %}
<script>
function paginar(pagina){
	window.location.href="modificarIntegrante?pagina="+pagina+"&idproyecto="+ document.modificarIntegrante.idproyecto.value;
}
function enviar() {
	var lista = new Array();
	var valor;
	var con=0;

	if (document.modificarIntegrante.check.value != null && document.agregarIntegrante.check.checked) {
		valor = document.modificarIntegrante.check.value;

	} else {
		for (i = 0; i < document.modificarIntegrante.check.length; i++) {
			if (document.modificarIntegrante.check[i].checked) {
				lista[con] = document.modificarIntegrante.check[i].value;
				con=con+1;
			}
		}

	}
	if (valor != null){
		alert("Favor seleccione una cantidad par de usuarios de la lista. ");
		return false;
	}	
	if (valor == null && con > document.modificarIntegrante.cant_comite.value){
		alert("El máximo numero de integrantes es: " + document.modificarIntegrante.cant_comite.value);
		return false;
	}
	if (valor == null && (con==0 || (con-1) % 2 != 0)) { //controlar que con no sea par
		alert("Favor seleccione una cantidad par de usuarios de la lista. ");
		return false;
	}
	document.modificarIntegrante.check.value=lista;
	for (i = 0; i < document.modificarIntegrante.check.length; i++) {
		if (document.modificarIntegrante.check[i].disabled==true) {
			document.modificarIntegrante.check[i].disabled=false;
		}
	}
	return true;
}
</script>
<center>
	<div class=titulorojo>MODIFICAR INTEGRANTES DEL COMITE</div>
	<br> <br>
	<form id="modificarIntegrante" name="modificarIntegrante" action="modificarIntegrante" method="post"
		onSubmit="return enviar();">
		<table>
			<input type="hidden" name="filtro" value="{{ filtro }}">
			<input type="hidden" name="idproyecto" value="{{ idproyecto }}">
			<tr>
				<td class=titulochico>Nombre</td>
				<td><input name="nombre" type="text" disabled="disabled" value="{{ comite.nombre }}"></td>
			</tr>
			<tr>
				<td class=titulochico>Cantidad de Integrantes</td>
				<td><input name="cant_comite" type="text" disabled="disabled"
					value="{{ comite.cant_comite }}"></td>
			</tr>
			</table>
<br><!--  
		<div>
			<input name="primera" value="Primera" type="button" onClick="paginar({{ primera }})">
			{% if ant >= 1 %}			
			<input name="anterior" value="Anterior" type="button" onClick="paginar({{ ant }})">
			{% endif %}	
			{% if sig <= cantPaginas %}
			<input name="siguiente" value="Siguiente" type="button" onClick="paginar({{ sig }})">
			{% endif %}		
			<input name="ultima" value="Ultima" type="button" onClick="paginar({{ ultima }})">
		</div>-->
		<table id="usuarios" name="usuario" border=1 cellpadding=2
			cellspacing=1 width=60% align=center bgcolor=#E5E5E5>
			<tr>
				<th class=titulochico width='10%'>Nombre</th>
				<th class=titulochico width='30%'>Apellido</th>
				<th class=titulochico width='10%'>Marcar</th>
			</tr>
			{% for usuario in usuariosComite : %}
			<tr>
				<td align=center>{{ usuario.nombre }}</td>
				<td align=center>{{ usuario.apellido }}</td>
				{% if usuario.idusuario == idlider : %}
				<td align=center><input type="checkbox" name="check" checked="checked" disabled
					value="{{ usuario.idusuario }}"></td>
				{% else %}
				<td align=center><input type="checkbox" name="check" checked="checked"
					value="{{ usuario.idusuario }}"></td>
				{% endif %}
				
					
			</tr>
			{% endfor %}
			{% for usuario in lista : %}
			<tr>
				<td align=center>{{ usuario.nombre }}</td>
				<td align=center>{{ usuario.apellido }}</td>
				<td align=center><input type="checkbox" name="check"
					value="{{ usuario.idusuario }}"></td>
			</tr>
			{% endfor %}
		</table>
		<br>
		<table>
		<tr>
				<td></td>
				<td><input name="aceptar" value="Aceptar" type="submit"><input
					name="cancelar" value="Cancelar" type="button"
					onClick="location.href='amComite?idproyecto={{ idproyecto }}'"></td>
			</tr>
		</table>
	</form>
</center>
{% endblock %}
